/* pages/goods_detail/goods_detail.wxss */
page{
    padding-bottom: 90rpx;
}
.detail_swiper{
    swiper{
        /* 图与swiper不适，最好按图比例调整,vw是宽 */
        height: 60vw;
        swiper-item{
            text-align: center;
            image{
                width: 60%;
            }
        }
    }
}
.goods_price{
    padding: 10rpx 15rpx;
    color: var(--themeColor);
    font-size: 34rpx;
    font-weight: 700;
}
.goods_name_row{
    display: flex;
    padding: 10rpx 0;
    .goods_name{
        padding: 0 15rpx;
        flex: 6;

        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .goods_collect{
        text-align: center;
        flex: 1;
        border-left: 1rpx solid #ccc;
        .icon-shoucang1{
            color: darksalmon;
        }
    }
}
.goods_info{
    .goods_info_title{
        color: var(--themeColor);
        font-size: 36rpx;
        padding: 20rpx 15rpx;
        font-weight: 700;
        border-bottom: 6px solid #eee;
        border-top: 6px solid #eee;
    }
}

.btn_tool{
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    .tool_item{
        flex: 2;
        height: 90rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 24rpx;
        position: relative;
        button{
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }
    .btn_car{
        background-color: #ffa550;
        flex: 3;
        color: #fff;
        font-size: 30rpx;
    }
    .btn_buy{
        flex: 3;
        background-color: #eb4450;
        color: #fff;
        font-size: 30rpx;

    }
}